<template>
  <div class="home">
    <apiCard>
      <template #label></template>
      <template #demo>
        <Card>
          <DatePicker type="daterange" ref="dp" @click.native="ll"></DatePicker>
        </Card>
      </template>
      <template #api>
      </template>
    </apiCard>
    <gj/>
  </div>
</template>

<script>
import apiProps from "##/api/props";
import apiCard from "@@/card/apiCard";
import gj from "@@/gj";

export default {
  name: "componentList",
  components: {
    apiProps,
    apiCard,
    gj
  },
  data() {
    return {
      name:"asdfas",
      sorts: [],
      checkList: []
    };
  },
  mounted(){


    let pp = this.$refs.dp.$refs.pickerPanel;
    let f1 = this.$refs.dp.$refs.pickerPanel.panelPickerHandlers;

    pp.handlePickClick = (...args)=>{
      console.log(pp.panelPickerHandlers.left,"0");
      return f1(...args);
    }

  },
  methods: {
    ll(){
    }
  }
};
</script>

<style lang="less" >
  .home {
      margin: 10px 100px;
      > div {
          margin: 10px;
      }
      .ivu-card {
          .ivu-card {
          width: 600px;
          margin: auto;
          }
      }
  }
</style>

